<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>注册</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/index.css">
    <script src="../static/js/jquery-3.4.1.min.js"></script>
    <script src="../static/layui/layui.all.js"></script>
    <script src="../static/js/reg.js"></script>
    <script src="../static/js/md5.js"></script>

</head>
<body style="background: url('../static/image/bg.jpg') no-repeat left top ;background-size:100%;">
<form class="layui-form" action="" method="post">
    <!--style设置半透明-->
    <div class="container" style="filter:alpha(Opacity=30);-moz-opacity:0.8;opacity: 0.8">
        <!--<button class="close" title="关闭">×</button>-->
        <div class="layui-form-mid layui-word-aux">
            <!--<img id="logoid" src="06.png" height="35">-->
            &nbsp;
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" name="username" required  lay-verify="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密 &nbsp;&nbsp;码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" required lay-verify="pass" lay-reqtext="密码是必填项，岂能为空？" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
            <!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">验证码</label>
            <div class="layui-input-inline">
                <input type="text" name="imgCode" required  lay-verify="required" lay-reqtext="验证码不能为空！" placeholder="请输入验证码" autocomplete="off" class="layui-input verity">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <a href="javascript:void(0);" title="点击更换验证码">
                    <img id="imgVerify" src="/getVerify" alt="验证码" onclick="getVerify(this);">
                </a>
                <!--height="36" width="170"-->
            </div>

        </div>
        <!-- 	<div class="layui-form-item">
         <label class="layui-form-label">记住密码</label>
         <div class="layui-input-block">
           <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
         </div>
           </div> -->

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formButton">登陆</button>
            </div>
        </div>
        <a href="javascript:void(0);" class="font-set">立即注册</a>  <a href="javascript:void(0);" class="font-set">忘记密码?</a>
    </div>
</form>

</body>
</html>